首先要在nextjs-blog的資料夾中新增名為pages的資料夾，一定要跟app資料夾同一層，不然新增頁面會找不到進而出錯(這個很重要，當初沒設對位置一直出現404 error)。 2.接著在pages資料夾中新增名為about.js檔案當作新的頁面。 3.再回到app資料夾裡打開page.tsx，加入import Link from 'next/link'如圖 4.再加入<Link href="/about" target='_blank'>link to JavaScript page</Link>到page.tsx裡，鏈結到新增的頁面about.js。 5.成功新增頁面。
iThome鐵人賽
看影片追技術
看更多